{% extends 'layout.html' %}
{% load static %}
{% block css %}
<link rel="stylesheet" href="{% static 'css/game_show.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
{% endblock %}
{% block content %}
    <div class="hot-container">
        <h2 class="hot-title">GAME热门榜</h2>
        <!-- 模拟热搜排名项 -->
        {% for game in show_game %}
        <div class="hot-item">
            <div class="hot-image-placeholder"><img src="{% static '/picture/monkey.jpg' %}"></div>
            <div class="hot-details">
                <a href="/game/{{ game.id }}/read/" class="hot-biaoti"> {{ game.name }}</a>
                <div class="hot-meta">
                    <span class="hot-rank">排名: {{ forloop.counter }}</span>
                    <span class="hot-date">发行日期: {{ game.release_time }}</span>
                    <span class="hot-views">收藏量: {{ game.likes }}</span>
                </div>
            </div>
            <div class="hot-popularity">
                <span class="flame-icon">🔥</span>评分: {{ game.score }}
            </div>
        </div>
        {% endfor %}
    <ul class="pagination">
        {{ page_string }}
    </ul>
    </div>
{% endblock %}